<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="keywords" content="纽曼官网,纽曼电器"/>
  <meta name="description" content="该网站为纽曼公司的一个产品展示网站。"/>
  <meta name="render" content="webkit"/>
  <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1"/>
  <title>产品详情</title>
  <link rel="stylesheet" href="../css/reset.css"/>
  <link rel="stylesheet" href="./css/iconfont.css">
  <link rel="stylesheet" href="../css/public.css"/>
  <link rel="stylesheet" href="./css/product_detail.css"/>
</head>
<body>
<!--导航栏-->
<header>
  <a href="home/index.html"><img src="../home/images/logo.jpg" class="logo"/></a>
  <ul class="nav">
    <li><a href="../index.html">企业首页</a></li>
    <li><a href="../about/about.html">关于我们</a></li>
    <li><a href="../news/news.html">新闻中心</a></li>
    <li class="nav-active"><a class="active" href="../product/product.html">产品中心</a></li>
    <li><a href="../service/service.html">客户服务</a></li>
    <li><a href="../concat/concat.html">联系我们</a></li>
  </ul>
  <ul class="language">
    <li class="cn">CN</li>
    <li>EN</li>
  </ul>
</header>
<!--banner-->
<div class="banner">
  <a href="../home/index.html">
    <img class="banner-img" src="../about/images/about-banner.png" alt="banner" />
  </a>
</div>
<!--about内容区-->
<div class="container">
  <aside>
      <div class="aside-title">
        <h2 class="title">production</h2>
        <p>产品中心</p>
      </div>
      <ul class="aside-nav">
        <li><a href="#"><i>·</i>饮水机 >></a></li>
        <li><a href="#"><i>·</i>冰箱 >></a></li>
        <li><a href="#"><i>·</i>洗衣机 >></a></li>
        <li><a href="#"><i>·</i>空调 >></a></li>
        <li class="aside-active"><a href="#"><i>·</i>其他 >></a></li>
      </ul>
    </aside>
  <div class="container-content">
    <!--标题-->
    <div class="content-title">
      <h3>产品详情 <span>product details</span></h3>
      <div class="crumbs-nav">
        <a href="#" class="more">more<span>&raquo;</span></a>
      </div>
    </div>
    <!--产品详情-->
    <div class="pro-details">
      <img src="images/pro-detail01.png" alt="pro-detail" />
      <div class="pro-description">
        <h2>嘉德龙电磁炉ST2106</h2>
        <p>生活烹饪，节日聚会，约会女神必备神器！现购买送超过及汤锅！</p>
        <ul>
          <li>型号：ST2106</li>
          <li>颜色：黑色</li>
          <li>重量：6.0kg</li>
          <li>面板材质：BOKING微晶面板</li>
          <li>产品尺寸：290*365*60mm</li>
          <li>
            <span class="pro-desc-title">产品特性：</span>
            <span class="pro-desc-content">防刮耐磨,健康炒“节能烹饪程序 聚能加热技术 多点测温技术”<br />双环节能线盘。此款商品型号为C21-ST2106,货号为<br />ST2106,为同一款商品。赠送炒锅和汤锅。</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!--footer-->
<footer>
  <div class="footer">
    <div class="footer-content">
      <div class="footer-nav">
        <dl>
          <dt><a href="#">关于我们</a></dt>
          <dd><a href="#">公司简介</a></dd>
          <dd><a href="#">企业文化</a></dd>
          <dd><a href="#">企业荣誉</a></dd>
          <dd><a href="#">资格认证</a></dd>
          <dd><a href="#">研发生产</a></dd>
        </dl>
        <dl>
          <dt><a href="#">产品中心</a></dt>
          <dd><a href="#">饮水机</a></dd>
          <dd><a href="#">冰箱</a></dd>
          <dd><a href="#">洗衣机</a></dd>
          <dd><a href="#">空调</a></dd>
          <dd><a href="#">其他产品</a></dd>
        </dl>
        <dl>
          <dt><a href="#">新闻中心</a></dt>
          <dd><a href="#">热点聚焦</a></dd>
          <dd><a href="#">企业新闻</a></dd>
          <dd><a href="#">行业新闻</a></dd>
          <dd><a href="#">热点聚焦</a></dd>
        </dl>
        <dl>
          <dt><a href="#">客户服务</a></dt>
          <dd><a href="#">招商网加盟</a></dd>
          <dd><a href="#">购买流程</a></dd>
          <dd><a href="#">售后服务</a></dd>
          <dd><a href="#">技术支持</a></dd>
          <dd><a href="#">常见问题</a></dd>
        </dl>
        <dl>
          <dt><a href="#">联系我们</a></dt>
          <dd><a href="#">在线留言</a></dd>
          <dd><a href="#">网上咨询</a></dd>
          <dd><a href="#">联系我们</a></dd>
        </dl>
      </div>
      <form action="#" class="footer-concat">
        <p>
          <input type="text" placeholder="请输入您的姓名" />
          <input type="tel" placeholder="请输入您的联系方式" />
        </p>
        <p>
          <textarea cols="30" rows="10" placeholder="请输入您的留言"></textarea>
        </p>
        <p>
          <input type="button" value="提交">
        </p>
      </form>
    </div>
  </div>
  <p class="copyright">
    Copyright&copy;2030 teacherhou.com All Rights Reserved   Design by WenCun 粤ICP备13005446号-1
  </p>
</footer>
</body>
</html>